<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      * {
        border: 1px solid red;/*边框*/
      }
      #zxy {
        color: green;/*字体颜色*/
      }
      .c1 {
        color: blue;
      }
      h1, h2 {
        background: yellow;/*背景*/
      }
      input[type='submit'] {
        background: red;
      }
      input[type='button'] {
        color: hotpink;
      }
    </style>
</head>
<body>
  <ul>
    <li id="zxy">张学友</li>
    <li class="c1">刘德华</li>
    <li>郭富城</li>
  </ul>
  <h1 class="c1">悟空</h1>
  <h1>八戒</h1>
  <h1>唐僧</h1>
  <h2>刘备</h2>
  <input type="submit">
  <input type="button" value="按钮">
</body>
</html>